<template>
    <div class="student-profill">
        <div class="student-profill">
            <div style="height: 200px; line-height: 200px" class="imgBox">
                <el-avatar :src='src' shape='square' ></el-avatar>
            </div>
          
            <el-descriptions title="学员资料"  :column="2" border>
                <el-descriptions-item label="unid" >威少</el-descriptions-item>
                <el-descriptions-item label="账号" >18100000000</el-descriptions-item>
                <el-descriptions-item label="vip等级" >南京市</el-descriptions-item>
                <el-descriptions-item label="vip到期时间">
                    <el-tag size="small">学校</el-tag>
                </el-descriptions-item>
                <el-descriptions-item label="昵称">
                    <el-tag size="small">学校</el-tag>
                </el-descriptions-item>
                <el-descriptions-item label="手机号" >18100000000</el-descriptions-item>
                <el-descriptions-item label="角色名称" >18100000000</el-descriptions-item>
                <el-descriptions-item label="性别" >18100000000</el-descriptions-item>
                <el-descriptions-item label="省份" >18100000000</el-descriptions-item>
                <el-descriptions-item label="城市" >18100000000</el-descriptions-item>
            </el-descriptions>
        </div>
    </div>
</template>


<script>
    import  imgSrc from '@/assets/img/ws.png'
    export default {
        meta:{
            title: 'wdzx',
            name:'我的中心',
            icon:'iconfont icon-wode',
        },
        data(){
            return{
                src:imgSrc
            }
        }
    }
</script>





<style lang='less' scoped>
    .student-profill{
            /deep/.el-descriptions__title{
                line-height: 40px !important;
        }
        .imgBox{
            .el-avatar{
                width: 200px;
                height: 200px;
                text-align: center;
                background-color: transparent;
                img{
                    width: 200px;
                    height: 200px;
                }
            }
            margin-top: 40px;
            text-align: center;
           
        }
    }
   
</style>